@extends('admin::layouts.master')
@section('content')
    <div class="card" id="app">
        <div class="card-header">轮播图管理</div>
        <ul role="tablist" class="nav nav-tabs">
            <li class="nav-item"><a href="/slider/slider" class="nav-link">轮播图列表</a></li>
            <li class="nav-item"><a href="#" class="nav-link active">添加轮播图</a></li>
        </ul>
        <form action="/slider/slider" method="post">
            <div class="card-body card-body-contrast">
                @csrf
                <div class="form-group row">
                    <label for="title" class="col-12 col-sm-3 col-form-label text-md-right">标题</label>
                    <div class="col-12 col-md-9">
                        <input id="title" name="title" type="text"
                               value=""
                               class="form-control form-control-sm form-control{">

                            <span class="invalid-feedback" role="alert">
                <strong></strong>
            </span>

                    </div>
                </div>
                <div class="form-group row">
                    <label for="thumb" class="col-12 col-sm-3 col-form-label text-md-right">缩略图</label>
                    <div class="col-12 col-lg-9">
                        <hd-image name="thumb" id="thumb" image-url=""></hd-image>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="title" class="col-12 col-sm-3 col-form-label text-md-right">跳转地址</label>
                    <div class="col-12 col-md-9">
                        <input id="title" name="url" type="text"
                               value=""
                               class="form-control form-control-sm form-control">
                            <span class="invalid-feedback" role="alert">
                <strong></strong>
            </span>

                    </div>
                </div>
                <div class="form-group row">
                    <label for="title" class="col-12 col-sm-3 col-form-label text-md-right">前台是否显示</label>
                    <div class="col-12 col-md-9">
                        <div class="col-12 col-sm-8 col-lg-6 form-check mt-2">
                            <label class="custom-control custom-radio custom-control-inline">
                                <input type="radio" name="is_show" checked="" value="1" class="custom-control-input"><span
                                        class="custom-control-label">显示</span>
                            </label>
                            <label class="custom-control custom-radio custom-control-inline">
                                <input type="radio" name="is_show" class="custom-control-input" value="0"><span
                                        class="custom-control-label">不显示</span>
                            </label>

                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer text-muted">
                <button class="btn btn-primary offset-sm-2">保存提交</button>
            </div>
        </form>
    </div>
@endsection
